<template>
<!--用户个人中心（查看所有订单，收藏，个人信息，修改密码，地址进行管理，账户充值（支付宝1））-->
  <el-container>
      <el-aside>
          <div class="title">个人中心</div>
            <ul class="menuList">
              <li><RouterLink to="/user/orderList">我的订单</RouterLink></li>
              <li><RouterLink to="/user/collectList">我的收藏</RouterLink></li>
              <li><RouterLink to="/user/info">个人信息</RouterLink></li>
              <li><RouterLink to="/user/passWord">修改密码</RouterLink></li>
              <li><RouterLink to="/user/addrList">地址管理</RouterLink></li>
              <li><RouterLink to="/user/recharge">账户充值</RouterLink></li>
            </ul>

      </el-aside>
      <el-main>
        <RouterView></RouterView>
      </el-main>
  </el-container>
</template>
<script setup>
import {useRouter} from "vue-router";
const router = useRouter();
function toInfoView() {
  //跳转到商品详情页
  router.push({
    path: '/user/info',
  });
}
toInfoView()
</script>

<style scoped>
.el-aside{
  padding: 20px;
  overflow: hidden;
  width: 150px;
}
.title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.menuList li{
  margin: 10px 0;
}
.menuList li a{
  color: #333;
  font-size: 14px;
}

</style>